﻿<div class="container-24 clearfix m-tb-5 p-tb-5 placeholder">
    <div class="grid-18">
        <div class="placeholder">
            ad
        </div>
    </div>
    <div class="grid-6">
        <div class="general">
            <div id="tabs">
                <ul>
                    <li><a href="#tabs-1">热门促销</a></li>
                    <li><a href="#tabs-2">商城公告</a></li>
                    <li><a href="#tabs-3">xx信息</a></li>
                </ul>
                <div id="tabs-1">
                    <p>
                        Tab 1 content</p>
                </div>
                <div id="tabs-2">
                    <p>
                        Tab 2 content</p>
                </div>
                <div id="tabs-3">
                    <p><img src="/home/captcha"/>
                        Tab 3 content</p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container-24 clearfix m-tb-5 p-tb-5 placeholder">
    <div class="grid-18">
        <div class="list-tab list-new">
            <div class="list-topic list-topic-new">
                <ul class="clearfix">
                    <li class="selected"><a href="#tabs-1">热门促销</a></li>
                    <li><a href="#tabs-2">商城公告</a></li>
                    <li><a href="#tabs-3">xx信息</a></li></ul>
            </div>
            <div class="list-box clearfix">
                <div class="grid-5 alpha omega">
                    <div class="pic_main">
                        <a href="http://www.gome.com.cn/product/1000049650.html" title="夏普LCD-40LX440A彩电"
                            target="_blank">
                            <img border="0" style="height: 370px; width: 220px" class="gomeImgLoad" src="http://images.gome.com.cn/promimg/201202/10008917.jpg"></a>
                    </div>
                </div>
                <div class="grid-13 omega" style="margin-left: 8px;">
                    <div class="product-list">
                        <ul class="clearfix">
                            @for (var i = 0; i < 8; i++)
                            {
                                <li>
                                    <div class="pic">
                                        <a href="http://item.silenthink.com/@(i+1).html" title=""   target="_blank">
                                            <img border="0" class="gomeImgLoad" src="http://images.gome.com.cn/img/201110/10000054/1000112594/1000136320_125.jpg">
                                            <div class="pIcon_2">
                                                300</div>
                                        </a>
                                    </div>
                                    <div class="price">
                                        ¥2999.00
                                    </div>
                                </li>
                            }
                        </ul>
                    </div>
                </div>
                <div class="product-sublist">
                    <ul class="clearfix">
                        @for (var i = 0; i < 5; i++)
                        {
                            <li>
                                <div class="pic">
                                    <a href="http://item.silenthink.com/@(i+1).html" title=""
                                        target="_blank">
                                        <img border="0" class="gomeImgLoad" src="http://images.gome.com.cn/img/201110/10000054/1000112594/1000136320_125.jpg">
                                        <div class="pIcon_2">
                                            300</div>
                                    </a>
                                </div>
                                <div class="price">
                                    ¥2999.00
                                </div>
                            </li>
                        }
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="grid-6">
    </div>
</div>
<div class="container-24 clearfix m-tb-5 p-tb-5 placeholder">
    <div class="grid-18">
        <div class="list-hot">
            <div class="list-topic list-topic-hot">
            </div>
            <div class="list-box">
                asfasfas
            </div>
        </div>
    </div>
    <div class="grid-6">
    </div>
</div>
<div class="container-24 clearfix m-tb-5 p-tb-5 placeholder">
    <div class="grid-18">
        <div class="list-boutique">
            <div class="list-topic list-topic-boutique">
            </div>
            <div class="list-box">
                asfasfas
            </div>
        </div>
    </div>
    <div class="grid-6">
    </div>
</div>
@section css
{
    <style type="text/css">
        .list { }
        .list-topic { height: 40px; margin-left: -4px; border-right: 1px solid #D3D3D3; background: url("http://app.gome.com.cn/images/index_mainB_bg.gif") no-repeat scroll 0 0 transparent; }
        .list-topic ul { margin-left: 250px; height: 40px; }
        
        .list-topic ul li { float: left; width: 80px; line-height: 40px; }
        .list-topic ul li a { }
        .list-topic ul li.selected { }
        .list-topic-new { background-position: 0 0; }
        .list-topic-hot { background-position: 0 -41px; }
        .list-topic-boutique { background-position: 0 -82px; }
        .list-new .list-box { border: 1px solid #FBDDB1; }
        .list-hot .list-box { border: 1px solid #FEE6E3; }
        .list-boutique .list-box { border: 1px solid #D2ECFC; }
        .list-box .product-list { }
        .list-box .product-list ul { }
        .list-box .product-list li { float: left; border-bottom: 1px solid #FBDDB1; border-left: 1px solid #FBDDB1; height: 185px; width: 159px; }
        .list-box .product-sublist { float: left; width: 880px; padding: 4px; height: 80px; background-color: #FCFCFC; overflow: hidden; }
        .list-box .product-sublist ul li { float: left; width: 176px; }
    </style>
}
